<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登陆页面</title>
    <link rel="stylesheet" type="text/css" href="../css/login.css">
</head>


<body>
    <img src="../public/0.jpg" alt="" class="block" id="left">
    <!-- action就是页面提交的地址！
        浏览器会默认进行页面跳转，这是因为表单提交的本质是一个HTTP请求，而浏览器默认的行为是加载这个请求的响应。
        如果你想在提交表单后仍然停留在当前页面，并处理来自后端的数据，你需要使用JavaScript来阻止表单的默认提交行为，
        并使用Fetch API或者XMLHttpRequest来发送请求。
script有一个使用Fetch API的例子：
     -->
    <form action="http://localhost:8881/user/login" method="post" class="block" id="form">

        <input type="text" name="username" placeholder="用户名">
        <input type="password" name="password" placeholder="密码">
        <button type="submit">登陆</button>
        <span>
            <a href="register">注册-></a>
            <a href="forget">忘记密码？</a>
        </span>
    </form>
</body>
<script src="../javascrip/router.js"></script>
<script src="../javascrip/login.js"></script>

</html>